/**
 * Created by Administrator on 2017/2/16.
 */

import React, {Component, PropTypes} from 'react';
import {Header} from '../header/header';
import {initMyOrder} from '../../scripts/myOrder';
import {initFunction,fade} from '../../scripts/tip'

export default class MyOrder extends Component {

    componentDidMount() {

        initFunction();
        fade();
        initMyOrder();

        $('.myOrderBack').click(function(){
            location.href='#/mall/list'
        })
    }

    render(){
        return <div className="myOrder">
            <Header headerTitle="我的订单" className="myOrderBack" />
            <MyOrderList />
        </div>
    }
}

export  class MyOrderList extends Component {
    render(){
        return <div className="MyOrderList fadeaction">
              <ul>

              </ul>

            <div className="temp hide">
                <li>
                    <div className="liWrap border">
                        <div className="orderIdWrap border-tb">
                            <a className="orderId ">
                                <span className="orderNum"> </span>
                                <span className="statusFw"> </span>
                            </a>
                        </div>
                        <a className="orderDetails border-tb ">
                            <div className="order-imge cell">
                                <div className="product-img">
                                </div>
                            </div>
                            <div className="order-name cell">
                                <h1> </h1>
                                <h2 className="colorSize">
                                </h2>
                            </div>
                            <div className="order-price cell">
                                <h1> </h1>
                                <h2> </h2>
                            </div>
                        </a>
                        <div className="orderNumberWrap border-tb">
                            <a className="orderNumber">
                                <span className="count"> </span>
                                <span className="realPrice"> </span>
                            </a>
                        </div>
                        <div className="order-btn">
                            <a href="javascript:;" className="contactService">联系客服</a>
                            <a href="javascript:;" className="cancelOrder">取消订单</a>
                            <a className=" payBtn">付款</a>
                        </div>
                    </div>
                </li>
            </div>
            <div className="noneOrder hide">

                <div className="noneOrder-img">
                    <div className="img">

                    </div>
                </div>
                <div className="noneOrder-title">暂无订单</div>
                <div className="noneOrder-tip">你可以在乐骑商城里购买商品哦</div>

            </div>
        </div>
    }
}
